@media screen and (min-width: 315px){
  html {
    font-size: 84px;
  }
}
@media screen and (min-width: 320px){
  html {
      font-size: 85.33333333333334px;
  }
}
@media screen and (min-width: 325px){
  html {
      font-size: 86.66666666666667px;
  }
}
@media screen and (min-width: 330px){
  html {
      font-size: 88px;
  }
}
@media screen and (min-width: 335px){
  html {
      font-size: 89.33333333333333px;
  }
}
@media screen and (min-width: 340px){
  html {
      font-size: 90.66666666666666px;
  }
}
@media screen and (min-width: 345px){
  html {
      font-size: 92px;
  }
}
@media screen and (min-width: 350px){
  html {
      font-size: 93.33333333333333px;
  }
}
@media screen and (min-width: 355px){
  html {
      font-size: 94.66666666666667px;
  }
}
@media screen and (min-width: 360px){
  html {
      font-size: 96px;
  }
}
@media screen and (min-width: 365px){
  html {
      font-size: 97.33333333333334px;
  }
}
@media screen and (min-width: 370px){
  html {
      font-size: 98.66666666666667px;
  }
}
@media screen and (min-width: 375px){
  html {
      font-size: 100px;
  }
} 
.layouts {
  height: 100%;
}




